div.doc-content {
	width: 1000px;
}
div.line {
	height: 1px;
	background-color: #ccc;
	margin: 15px 0;
}

div.title {
	color: #273849;
	font-weight: bold;
	font-size: 24px;
	margin: 0 0 5px;
}

div.sub-title {
	color: #aaa;
	font-size: 18px;
	padding: 0 10px;
	border-left: 4px solid #ccc;
	margin: 0 0 10px;
}

div.example-title {
	color: #476786;
	font-size: 22px;
	padding: 30px 0 0;
	margin: 0 0 10px;
}

div.example-sub-title {
	color: #aaa;
	font-size: 16px;
	padding: 0 8px;
	border-left: 4px solid #ccc;
	margin: 0 0 10px;
}

div.alert {
	padding: 10px;
	border-radius: 4px;
	border: 1px solid #ddd;
	border-top: 3px solid #a94442;
	background-color: white;
	font-size: 14px;
	color: #555;
	p {
		margin: 0;
		&.alert {
			margin: 0 0 10px;
			color: #a94442;
			font-size: 18px;
		}
	}
}

div.info {
	padding: 10px;
	border-radius: 4px;
	border: 1px solid #ddd;
	border-top: 3px solid #55aaff;
	background-color: white;
	font-size: 14px;
	color: #555;
	p {
		margin: 0;
		&.info {
			margin: 0 0 10px;
			color: #55aaff;
			font-size: 18px;
		}
	}
}

div.success {
	padding: 10px;
	border-radius: 4px;
	border: 1px solid #ddd;
	border-top: 3px solid #4BAC4E;
	background-color: white;
	font-size: 14px;
	color: #555;
	p {
		margin: 0;
		&.success {
			margin: 0 0 10px;
			color: #4BAC4E;
			font-size: 18px;
		}
	}
}

span.danger {
	padding: 2px 4px;
	font-size: 90%;
	border-radius: 4px;
	color: #c7254e;
	background-color: #f9f2f4;
}

span.success {
	padding: 2px 4px;
	font-size: 90%;
	border-radius: 4px;
	color: #429842;
	background-color: #e8f4e8;
}

.flex-box {
	display: flex;
	align-items: center;
}
.text-right {
	text-align: right;
}